.travel{
	position: relative;
}
.travel .travel-img .travel-img-one{
	width: 100%;
}
.travel .travel-img-two{
	width: 40%;
	height: 130px;
	border: 1px .solid black;
	position: absolute;
	top: 150px;
	left: 30%;
}  
.travel .travel-img-two  h1{
	color: white;
}
.travel .travel-img-twoBox{
	margin-top: 5px;
	width: 100%;
	height: 60%;
	background: rgba(0,0,0,0.8);
}
.travel .travel-imgBox{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.travel .travel-imgBox input{
	width: 85%;
	height:35px;
	border-radius: 5px 0px 0px 5px;
	margin-top:13px ;
	margin-left:0px ;
}
.travel .travel-imgBox-o{
	width: 10%;
	height: 35px;
	border-radius: 0px 5px 5px 0px;
	background: #ff5100;
	margin-top: 13px;
	color: white;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.travel .travel-imgBoxs{
	display: flex;
	flex-direction: row;
	margin-left: 8px;
	margin-top: 3px;
}
.travel .travel-imgBoxs p a{
	color: white;
	margin: 0 5px;
	margin-left: 10px;
	font-size: 10px;
}


.xtx-login-main {
  height: 400px;
  display: flex;
  flex-direction: row;
}
.xtx-login-main .wrapper {
  width: 1170px;
  height: 100%;
  margin: 0 auto;
}

.xtx-login-main .boxa 
{
  width: 450px;
  box-shadow: 0px 0px 25px 0px rgba(3, 3, 3, 0.14);
  margin-top: 10px;
  background: #fff;
  padding: 20px 40px;
}

.xtx-login-main .wrapper .boxa .tab-nav {
  display: flex;
  justify-content: space-between;
}

.xtx-login-main .wrapper .boxa .tab-nav a.active {
  border-bottom: 2px solid #17bb9b;
}

.xtx-login-main .wrapper .boxa .tab-pane .code {
  display: block;
  margin: 44px auto;
}

.tab-pane input::-webkit-input-placeholder{  
   font-size: 15px;
	padding: 10px;
}
.tab-pane .alls::-webkit-input-placeholder{  
   font-size: 15px;
	padding: 10px;
	color: #999;
}
.xtx-login-main .tab-pane input:focus{
	   border-style:solid;
		box-shadow: 0 0 15px #ee3388;
}
.jh{
	width: 100%;
	height: 230px;
	margin: 10px 0;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}
.jh .jh-box{
	width: 25%;
	height: 83%;
	border-right: 1px solid #999;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.jh .jh-box-j{
	margin-top: 10px;
}
.trs{
	width: 100%;
	height: 500px;
	background-color: white;
	
	display: flex;
	flex-direction: row;
}
.trs .tr-one{
	width: 66%;
	padding: 20px;
	height: 450px;
	/* border: 1px solid red; */
}
.trs .tr-two{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid black;
}
.trs .tr-three{
	width: 100%;
	height: 90%;
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	/* border: 1px solid blue; */
}
.trs .tr-four{
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 25%;
	justify-content: space-between;
	align-items: center;
}
.trs .tr-five{
	width: 24%;
	height: 90px;
	background-color: #f5f5f5;
}
.trs .trs-one{
	width: 30%;
	height: 100%;
	padding: 20px;
}
.feiji{
	width: 100%;
	height: 400px;
	background-color: white;
	display: flex;	
	flex-direction: row;	
	margin-top: 10px;
}
.feiji .feiji-title{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid black;
}
.feiji .feiji-left{
	width: 66%;
	padding: 20px;
	height: 450px;
}
.feiji .feiji-right{
	width: 30%;
	height: 100%;
	padding: 20px;
}
.feiji .feiji-one{
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 25%;
	justify-content: space-between;
	align-items: center;
}
.feiji .feiji-two{
	width: 24%;
	height: 90px;
	background-color: #f5f5f5;
}
.feiji .feiji-three{
	margin-top: 10px;
	padding-bottom: 10px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #999;
}
.feiji .feiji-four ul li a:hover{
	color: red;
}
.weibu{
	width: 100%;
	height: 250px;
	background-color: white;
	display: flex;	
	flex-direction: column;	
	margin-top: 10px;
	margin-bottom: 10px;
}
.weibu .weibu-o{
	margin: 0 10px;
	font-size: 10px;
	line-height: 20px;
	color: #999;
}

.weibu .weibu-o  a{
	color: #999;
}
.weibu .weibu-o  a:hover{
	color: black;
}
